<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>管理系统</title>
    <link href="./plugin/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="./plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="./adminlte/css/AdminLTE.min.css" rel="stylesheet" />
    <link href="./adminlte/css/skins/all-skins.min.css" rel="stylesheet" />
	<link href="./plugin/nprogress/nprogress.css" rel="stylesheet" />
    <link href="./adminlte/css/tab.css?v=1.0.0" rel="stylesheet" />
    <link href="./system/css/common.css?v=1.0.0" rel="stylesheet" />

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="hold-transition sidebar-mini fixed skin-blue">
    <div class="wrapper">
        <!-- 页面顶部 -->
        <header class="main-header">
            <a href="#" class="logo">
                <span class="logo-mini">HT</span>
                <span class="logo-lg">管理系统</span>
            </a>
            <nav class="navbar navbar-static-top">
                <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                    <span class="sr-only">Toggle navigation</span>
                </a>
                <div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
					  <li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span>系统管理员</span>
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="javascript:;"><i class="fa fa-user"></i> 个人中心</a></li>
							<li><a href="javascript:;"><i class="fa fa-key"></i> 修改密码</a></li>
							<li><a href="javascript:;" onclick="switchSkin()"><i class="fa fa-dashboard"></i> 切换主题</a></li>
							<li><a th:href="@{logout}"><i class="fa fa-sign-out"></i> 退出系统</a></li>
						</ul>
					  </li>
					  <li><a href="#"><i class="fa fa-sign-out"></i></a></li>
					</ul>
				</div>
            </nav>
        </header>

        <!-- 左侧菜单栏目 -->
        <aside class="main-sidebar">
            <section class="sidebar">
                <form action="#" method="get" class="sidebar-form">
                    <div class="input-group">
                        <input type="text" name="q" class="form-control" placeholder="搜索...">
                        <span class="input-group-btn">
                            <button type="button" name="search" id="search-btn" class="btn btn-flat" onclick="search_menu()">
                                <i class="fa fa-search"></i>
                            </button>
                        </span>
                    </div>
                </form>
                <ul class="sidebar-menu" data-widget="tree">
                    <li class="treeview menu-open">
						<a class="J_menuItem noactive" href="./views/main.html">
							<i class="fa fa-home"></i> <span class="nav-label">系统首页</span>
						</a>
						<ul class="treeview-menu"></ul>
                    </li>
					<li class="treeview">
					    <a href="#">
							<i class="fa fa-dashboard"></i>
							<span>主页示例</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
					    </a>
					    <ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/index/index v1.html"><i class="fa fa-circle-o"></i> 主页示例一</a></li>
							<li><a class="J_menuItem" href="./views/index/index v2.html"><i class="fa fa-circle-o"></i> 主页示例二</a></li>
					    </ul>
					</li>
                    <li class="treeview">
                        <a href="#">
							<i class="fa fa-dashboard"></i>
							<span>通用元素</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
                        </a>
                        <ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/general/general.html"><i class="fa fa-circle-o"></i> 基本元素</a></li>
							<li><a class="J_menuItem" href="./views/general/icons.html"><i class="fa fa-circle-o"></i> 图标元素</a></li>
							<li><a class="J_menuItem" href="./views/general/buttons.html"><i class="fa fa-circle-o"></i> 按钮元素</a></li>
							<li><a class="J_menuItem" href="./views/general/timeline.html"><i class="fa fa-circle-o"></i> 时间轴线</a></li>
							<li><a class="J_menuItem" href="./views/general/modals.html"><i class="fa fa-circle-o"></i> 提示信息</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
							<i class="fa fa-dashboard"></i>
							<span>表单元素</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
                        </a>
                        <ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/form/layer.html"><i class="fa fa-circle-o"></i> 弹窗控件</a></li>
							<li><a class="J_menuItem" href="./views/form/laydate.html"><i class="fa fa-circle-o"></i> 日期选择</a></li>
							<li><a class="J_menuItem" href="./views/form/general.html"><i class="fa fa-circle-o"></i> 通用表单</a></li>
							<li><a class="J_menuItem" href="./views/form/advanced.html"><i class="fa fa-circle-o"></i> 高级表单</a></li>
							<li><a class="J_menuItem" href="./views/form/upload.html"><i class="fa fa-circle-o"></i> 文件上传</a></li>
							<li><a class="J_menuItem" href="./views/form/jasny.html"><i class="fa fa-circle-o"></i> jasny控件</a></li>
							<li><a class="J_menuItem" href="./views/form/editors.html"><i class="fa fa-circle-o"></i> 富文本控件</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
						<a href="#">
							<i class="fa fa-dashboard"></i>
							<span>表格元素</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/tables/simple.html"><i class="fa fa-circle-o"></i> 基础表格</a></li>
							<li><a class="J_menuItem" href="./views/tables/bootstraptable.html"><i class="fa fa-circle-o"></i> bootstraptable</a></li>
						</ul>
                    </li>
                    <li class="treeview">
						<a href="#">
							<i class="fa fa-dashboard"></i>
							<span>统计图表</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/echarts/echarts.html"><i class="fa fa-circle-o"></i> Echarts</a></li>
						</ul>
                    </li>
                    <li class="treeview">
						<a href="#">
							<i class="fa fa-dashboard"></i>
							<span>图片查看</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/lightbox/lightbox.html"><i class="fa fa-circle-o"></i> lightbox</a></li>
						</ul>
                    </li>
                    <li class="treeview">
						<a href="#">
							<i class="fa fa-dashboard"></i>
							<span>表单向导</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/step/jquery-step.html"><i class="fa fa-circle-o"></i>JQuerySteps</a></li>
							<li><a class="J_menuItem" href="./views/step/smartwizard.html"><i class="fa fa-circle-o"></i>Smartwizard</a></li>
						</ul>
                    </li>
                    <li class="treeview">
						<a href="#">
							<i class="fa fa-dashboard"></i>
							<span>日历控件</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/fullcalendar/fullcalendar.html"><i class="fa fa-circle-o"></i> fullcalendar</a></li>
						</ul>
                    </li>
                    <li class="treeview">
						<a href="#">
							<i class="fa fa-files-o"></i>
							<span>错误页面</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/404.html"><i class="fa fa-circle-o"></i> 404页面</a></li>
							<li><a class="J_menuItem" href="./views/500.html"><i class="fa fa-circle-o"></i> 500页面</a></li>
						</ul>
                    </li>
                    <li class="treeview">
						<a href="#">
							<i class="fa fa-files-o"></i>
							<span>demo页面</span>
							<span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li><a class="J_menuItem" href="./views/login/login.html"><i class="fa fa-circle-o"></i> 登录页面</a></li>
							<li><a class="J_menuItem" href="./views/blank.html"><i class="fa fa-circle-o"></i> 空白页面</a></li>
						</ul>
                    </li>
                </ul>
            </section>
        </aside>

        <!-- 右侧页签工具栏及Iframe内容展示区 -->
        <div class="content-wrapper">
            <div class="content-tabs">
                <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i></button>
                <nav class="page-tabs J_menuTabs">
                    <div class="page-tabs-content">
                        <a href="javascript:;" class="active J_menuTab" data-id="./views/main.html">系统首页</a>
                    </div>
                </nav>
                <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i></button>
                <div class="btn-group roll-nav roll-right">
                    <button class="dropdown" data-toggle="dropdown">页签操作<span class="caret"></span></button>
                    <ul role="menu" class="dropdown-menu dropdown-menu-right">
                        <li class="tabCloseCurrent"><a>关闭当前</a></li>
                        <li class="J_tabCloseOther"><a>关闭其他</a></li>
                        <li class="J_tabCloseAll"><a>全部关闭</a></li>
                    </ul>
                </div>
                <a href="#" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
                <a href="#" class="roll-nav roll-right fullscreen" id="fullScreen"><i class="fa fa-arrows-alt"></i></a>
            </div>
			<!-- Iframe内容页展示区 -->
            <div class="J_mainContent" id="content-main" >
                <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="./views/main.html" frameborder="0" data-id="./views/main.html" seamless></iframe>
            </div>
        </div>
        <!-- 页面底部 -->
        <footer class="main-footer">
            <div class="pull-right hidden-xs">
				<b>Version</b> 2.4.18
            </div>
            <strong>Copyright &copy; 2017-2020 <a href="https://www.baidu.com">AdminLTE</a>.</strong> All rights reserved.
        </footer>
        <div class="control-sidebar-bg"></div>
    </div>
    <script src="./plugin/jquery/jquery.min.js"></script>
    <script src="./plugin/bootstrap/js/bootstrap.min.js"></script>
    <script src="./adminlte/js/adminlte.min.js"></script>
	<script src="./plugin/nprogress/nprogress.js"></script>
    <script src="./plugin/jquery-slimscroll/jquery.slimscroll.min.js"></script>
    <script src="./plugin/fullscreen/jquery.fullscreen.js"></script>
	<script src="./plugin/layer/layer.js"></script>
    <script src="./adminlte/js/contabs.js?v=1.0.0"></script>
    <script>
		// 系统内部切换主题 
		function switchSkin() {
			top.layer.open({
				type : 2,
				shadeClose : true,
				title : "切换主题",
				area : ["530px", "386px"],
				content : ["skin.html", 'no']
			})
		}
    </script>
</body>
</html>